<template>
    <body>
        <ComponentA></ComponentA>

       <div id="content">
           
       </div>
        
        <ComponentB></ComponentB>
    </body>
</template>
    
<script>
import ComponentA from './header/main'
import ComponentB from './header/footer'
import ComponentC from './header/aside'
    export default {
        data(){
            return {
               
                    
            }
        },
        //定义组建标签
        components:{

            ComponentA,
            ComponentB,
            ComponentC

        },
        filters: {
     
　　    },
        //自定义方法
        methods:{
    
        },
        //钩子方法
        mounted:function(){
    
            console.log('这是初始化方法');

      
    
        },
        //监听属性
        watch:{
    
    
        },
        //计算属性
        computed:{
    
    
        }
    
    
    
    }
    
    
</script>
    
<style>



 body{
    margin: 0px;
    padding: 0;
  }

#content{
    width: 600px;
    height: 700px;
    border: 1px solid red;
    margin-left:500px;  
  
}
</style>





